<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" th:replace="pages/common/main :: layout(~{::title}, ~{::section}, ~{}, ~{})">
    <head>
        <title>Home</title>
        <style>
            /** 卡片轮播图样式 */
            .admin-carousel .layui-carousel-ind {
                position: absolute;
                top: -41px;
                text-align: right;
            }

            .admin-carousel .layui-carousel-ind ul {
                background: 0 0;
            }

            .admin-carousel .layui-carousel-ind li {
                background-color: #e2e2e2;
            }

            .admin-carousel .layui-carousel-ind li.layui-this {
                background-color: #999;
            }

            /** 广告位轮播图 */
            .admin-news .layui-carousel-ind {
                height: 45px;
            }

            .admin-news a {
                display: block;
                line-height: 60px;
                text-align: center;
            }

        </style>
    </head>
    <body>
        <section>
            <!-- 正文开始 -->
            <div class="layui-fluid">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                访问量(来自码云)<span class="layui-badge layui-bg-black pull-right">月</span>
                            </div>
                            <div class="layui-card-body">
                                <p class="lay-big-font">12,500</p>
                                <p>总计访问量<span class="pull-right">32万+ <i class="layui-icon layui-icon-flag"></i></span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                下载量(来自码云)<span class="layui-badge layui-bg-black pull-right">月</span>
                            </div>
                            <div class="layui-card-body">
                                <p class="lay-big-font">2,400</p>
                                <p>总下载<span class="pull-right">5万+ <i class="layui-icon layui-icon-note"></i></span></p>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                GIT PULL(来自码云)<span class="layui-badge layui-bg-black pull-right">月</span>
                            </div>
                            <div class="layui-card-body">
                                <p class="lay-big-font">1,500</p>
                                <p>总PULL数<span class="pull-right">5万+ <i
                                        class="layui-icon layui-icon-notice"></i></span></p>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                GIT PUSH(来自码云)<span class="layui-badge layui-bg-black pull-right">月</span>
                            </div>
                            <div class="layui-card-body">
                                <p class="lay-big-font">100</p>
                                <p>总PUSH数<span class="pull-right">1066 <i
                                        class="layui-icon layui-icon-diamond"></i></span></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-row layui-col-space15">

                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">前端框架</div>
                            <div class="layui-card-body">
                                <table class="layui-table layui-text">
                                    <colgroup>
                                        <col width="100">
                                        <col>
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td>基础框架</td>
                                            <td><a href="https://www.layui.com/" target="_blank">layui v2.4.5</a></td>
                                        </tr>
                                        <tr>
                                            <td>基础框架</td>
                                            <td><a href="https://easyweb.vip/" target="_blank">easyweb v3.1.1</a></td>
                                        </tr>
                                        <tr>
                                            <td>树形框架</td>
                                            <td><a href="http://www.treejs.cn/v3/main.php#_zTreeInfo" target="_blank">zTree
                                                v3.5.28</a></td>
                                        </tr>
                                        <tr>
                                            <td>其他框架</td>
                                            <td>jQuery、layui周边框架</td>
                                        </tr>
                                        <tr>
                                            <td>主要特色</td>
                                            <td>易上手 / 简约 / 依赖少</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">后台框架</div>
                            <div class="layui-card-body">
                                <table class="layui-table layui-text">
                                    <colgroup>
                                        <col width="100">
                                        <col>
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td>核心框架</td>
                                            <td>Spring Boot</td>
                                        </tr>
                                        <tr>
                                            <td>视图渲染</td>
                                            <td>Spring MVC、<a href="http://ibeetl.com" target="_blank">Beetl</a></td>
                                        </tr>
                                        <tr>
                                            <td>持久层</td>
                                            <td>MyBatis、Druid、<a href="http://mp.baomidou.com" target="_blank">MyBatis-Plus</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>权限框架</td>
                                            <td>Shiro、JWT(API接口权限)
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>数据库</td>
                                            <td>支持Mysql、Oracle、Postgre SQL、Sql Server</td>
                                        </tr>
                                        <tr>
                                            <td>其他</td>
                                            <td>代码生成器</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </section>
        <script>

        </script>
    </body>
</html>